<!DOCTYPE html>
<html lang="en">

<!-- Head tag -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="我是一个web全栈工程师，热爱各种web有关的互联技术，无论前端、还是后端。这个网站中，我总结了部分学习和工作的经验，分享出来与大家分享交流。">
    <meta name="keyword"  content="章宵,michael,听风,web前端,web后端,持续集成,Spring Boot,Spring Cloud,Vue,Angular,Docker,Python,Node">
    <!-- <link rel="shortcut icon" href="/img/favicon.ico"> -->
    
    <title>章宵的个人博客</title>
    
    <!--百度统计-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d0c0457f89e68e1f8accd218fb7338ea";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- Bootstrap Core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <!--highlight-->
    <link rel="stylesheet" href="/css/highlight.github.css">
    <!-- Custom Fonts -->
    <script src="//at.alicdn.com/t/font_702425_w2w4nyr7wxywrk9.js"></script>
    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/zx-blog.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- ga & ba script hoook -->
    <script></script>
</head>


<!-- hack iOS CSS :active style -->
<body ontouchstart="">

    <nav id="navbar-zx" class="navbar navbar-expand-lg fixed-top">
  
  <a class="navbar-brand" href="/">听风.Michael</a>
  
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav justify-content-end ml-auto">
      
      
      <li class="nav-item">
        <a class="nav-link" href="/">首页 / Home</a>
      </li>
      
      <li class="nav-item">
        <a class="nav-link" href="/archive">归档 / Archive</a>
      </li>
      
      <li class="nav-item">
        <a class="nav-link" href="/about">关于 / About</a>
      </li>
      
    </ul>
  </div>
</nav>

    <!-- Page Header -->

<style>
header.intro-header{
    position: relative;
    
    background-image:url('/img/header-5.jpg')
}
header.intro-header .header-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0, 0.2);
}
</style>
<header class="intro-header">
  <div class="header-mask"></div>
  <div class="container">
      <div class="row">
        
        <div class="col-lg-10 offset-lg-1 col-md-10 offset-md-1">
            <div class="site-heading">
                <h1 class="display-1">&lt; 听风 . Michael &#47;&gt;</h1>
                <!--<hr class="small">-->
                <span class="subTitle">The power of imagination makes us infinite.</span>
            </div>
        </div>
        
      </div>
  </div>
</header>


<!-- Main Content -->
<div class="container">
    <!-- Main Content -->

<div class="row mt-4">
    <div class="
                col-lg-8 offset-lg-1
                col-md-12
                col-sm-12
                col-xs-12
                post-list-container
            ">
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/docker/docker-base-image/">Docker Base Image</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：busybox / debian / alpine 基本区别
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-10-15
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/Docker/" target="_blank">#Docker</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/docker/docker-command/">Docker常用命令</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：收集与网络，备用
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-09-23
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/Docker/" target="_blank">#Docker</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/docker/docker-mysql-sql-mode/">Docker修改MySQL容器的sql_mode</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-09-21
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/Mysql/" target="_blank">#Mysql</a>
                    
                    <a href="/tags/Docker/" target="_blank">#Docker</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/docker/docker-memo/">Docker备忘录</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：个人Docker使用备忘录
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-09-17
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/Docker/" target="_blank">#Docker</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/jfinal-shiro-integration2/">JFianl整合Shiro（二）</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：续上一篇《JFianl整合Shiro（一）》我准备在这里，具体的描述下JFianl整合Shiro的基本流程。
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-08-30
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/jFinal/" target="_blank">#jFinal</a>
                    
                    <a href="/tags/Shiro/" target="_blank">#Shiro</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/jfinal-shiro-integration1/">JFianl整合Shiro（一）</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：Apache Shiro是Java的一个安全框架，也是我第一个使用的Java安全框架。在我的入门级开源项目JFinal-Paladin中，我进行了一些实践，总体感觉还是非常棒的，该考虑到的都感觉已经考虑到。对比之前所接触过的php框架里面安全模块，感觉只有过之而无不及。个人体验而已，有意见的朋友请喷😃。本文主要来讲述下在JFianl中集成Shiro过程中的经验和想法。
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-08-27
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/jFinal/" target="_blank">#jFinal</a>
                    
                    <a href="/tags/Shiro/" target="_blank">#Shiro</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/react-redux-memo/">React Redux 备忘录</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-08-25
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/前端/" target="_blank">#前端</a>
                    
                    <a href="/tags/React/" target="_blank">#React</a>
                    
                    <a href="/tags/Redux/" target="_blank">#Redux</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        
        <div class="post-preview">
            <h2 class="post-title">
                # <a href="/2016/brew-install-mysql-on-mac-osx/">Mac下使用brew安装Mysql</a>
            </h2>
            <h3 class="post-subtitle">
                
            </h3>
            
            
            <div class="text-black-50 post-excerpt">
                摘要：OS X 下通过 brew 安装 mysql 还是非常方便的
            </div>
            
            <div class="post-info">
                <span class="post-date">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-date"></use></svg>
                    2016-08-25
                </span>

                <span class="post-category">
                    
                </span>
                <span class="post-tag">
                    
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tag"></use></svg>
                    
                    <a href="/tags/后端/" target="_blank">#后端</a>
                    
                    <a href="/tags/Mac/" target="_blank">#Mac</a>
                    
                    <a href="/tags/Mysql/" target="_blank">#Mysql</a>
                    
                    
                </span>
            </div>

        </div>
        <hr>
        


        <!-- Pager -->

        <ul class="pager">
            
            
        </ul>
    </div>
    <div class="col-lg-3 pr-4 .d-none .d-lg-block .d-xl-none side-bar">
        <section class="mb-4">
            <h5>Tags</h5>
            <hr>
            <div class="tags">
                <a class="tag-link" href="/tags/后端/">后端</a><a class="tag-link" href="/tags/前端/">前端</a><a class="tag-link" href="/tags/Angular/">Angular</a><a class="tag-link" href="/tags/Docker/">Docker</a><a class="tag-link" href="/tags/SpringBoot/">SpringBoot</a><a class="tag-link" href="/tags/Mysql/">Mysql</a><a class="tag-link" href="/tags/jFinal/">jFinal</a><a class="tag-link" href="/tags/Shiro/">Shiro</a><a class="tag-link" href="/tags/Consul/">Consul</a><a class="tag-link" href="/tags/RabbitMQ/">RabbitMQ</a><a class="tag-link" href="/tags/WebSocket/">WebSocket</a><a class="tag-link" href="/tags/Maven/">Maven</a><a class="tag-link" href="/tags/React/">React</a><a class="tag-link" href="/tags/Redux/">Redux</a><a class="tag-link" href="/tags/Git/">Git</a><a class="tag-link" href="/tags/Mac/">Mac</a><a class="tag-link" href="/tags/Gradle/">Gradle</a><a class="tag-link" href="/tags/Yarn/">Yarn</a>
            </div>
        </section>
        <section class="mb-4">
            <h5>Archives</h5>
            <hr>
            <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/">2019</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/">2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/">2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/">2016</a></li></ul>
        </section>
    </div>
</div>


</div>


    <!-- Footer -->
    <footer>
  <div class="container">
    <div class="copyright text-muted text-center">
    Copyright &copy; 听风.Michael 2019 
    </div>
  </div>
</footer>

<!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<!-- highlight -->
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/js/bootstrap-toc.js"></script>
<script src="/js/zx-blog.js"></script>
</body>
</html>
